﻿@model IEnumerable<Scorpicore.MVC.Models.TopTenUsersViewModel>
@{
    ViewBag.Title = "Търсене на потребител";
}

<h2 class="legend-title">Търсене на потребител</h2>

<div id="search-container">
    @(Html
    .Kendo()
    .AutoComplete()
    .Name("client-autocomplete")
    .BindTo(Model)
    .DataTextField("UserName")
    .Filter(FilterType.Contains)
    .MinLength(2)
    .Events(ev =>
    {
        ev.Select("selectSearchUser");
    })
    .Placeholder("Търси"))
    <i class="icon-search"></i>
    <br/>
    @*<input type="button" class="btn-info" onclick="searchUserButtonEvent(event)" value="Search" />*@

    <span><i>Избери името и натисни Enter или просто селектирай избраното име с мишката.</i></span>
</div>

<div id="result-search-by-username">

</div>

<script>
    function selectSearchUser(e) {
        var title = this.dataItem(e.item.index()).UserName;
        window.location.href = "/Home/GetNameToSearch?name=" + title;
    }
    //function search(event) {
    //    event.preventDefault();
    //    var text = $("#client-autocomplete").val();
    //    $.ajax({
    //        url: "/Home/GetNameToSearch?name=" + text,
    //        method: "POST",
    //        contentType: "application/json",
    //        success: function () { }
    //    });
    //}

</script>
